﻿@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
    store.cyt369.com.models.Store storeDetail = ViewBag.storeDetail as store.cyt369.com.models.Store;
    IQueryable<store.cyt369.com.models.Base.City> citys = ViewBag.citys as IQueryable<store.cyt369.com.models.Base.City>;
    List<string> fitOperationlist = storeDetail.FitOperation.Split(',').ToList();
}
<input type="hidden" id="Id" value="@storeDetail.Id" />
<input type="hidden" id="EditorID" name="EditorID" value="@storeDetail.EditorID" />
<!-- 界面的迷你导航部分 -->
<div class="path w1200">
    <a href="">首页</a>
    <em>></em>
    <a href="">嘻嘻</a>
    <em>></em>
    <a href="">嘿嘿</a>
    <em>></em>
    <a href=""></a>
</div>
<!--店铺名称-->
<div class="des-top-name w1200">

    <div>
        <h1>@storeDetail.Name</h1>
    </div>
    <div class="relevant-information">
        <div class="info-item number"><img src="../wwwroot/image/store/编号.png"><a>@storeDetail.Id</a></div>
        <div class="info-item time"><img src="../wwwroot/image/store/时间.png"><a>@storeDetail.CreateDate</a></div>
        <div class="info-item viewcount"><img src="../wwwroot/image/store/浏览次数.png"><a>1333</a></div>
    </div>

</div>
<!--主要内容部分-->
<div class=".des-top w1200">
    <!-- 轮播图地点 -->
    <div class="picFocus">
        <div class="picFocus-top">
            @if (storeDetail.Carousels != null)
            {
                @foreach (var img in storeDetail.Carousels)
                {
                    <img src="@string.Format("{0}/{1}",store.cyt369.com.utility.SystemSettingService.Instance.StoreInternalBucket.HttpURL,img.ImagePath)" alt="">
                }
            }
            <!-- 组件上面 -->
            <div class="current-slide"></div>
        </div>
        <div class="picFocus-bottom">
            <!-- 左侧按钮 -->
            <a href="javascript:;" class="arrow-l">&lt;</a>
            <!-- 右侧按钮 -->
            <a href="javascript:;" class="arrow-r">&gt;</a>
            @if (storeDetail.Carousels != null)
            {
                @foreach (var img in storeDetail.Carousels)
                {
                    <img src="@string.Format("{0}/{1}",store.cyt369.com.utility.SystemSettingService.Instance.StoreInternalBucket.HttpURL,img.ImagePath)" alt="">
                }
            }
        
        </div>
    </div>
    <!-- 右侧介绍 -->
    <div class="des-top-rightbox fr">
        <div class="des-top-title-name">
            <div class="area">
                <a class="first-link"><span>@storeDetail.Area</span>平米</a>
                <a class="left-aligned">面积</a>
            </div>
            <div class="square-meter">
                <a class="first-link"><span>@storeDetail.Rent</span>元/月</a>
                <a class="left-aligned">租金&nbsp;<em>5.21元/m&sup2;</em>天</a>
            </div>
            <div class="fee">
                <a class="first-link"><span>@storeDetail.AssignmentFee</span></a>
                <a class="left-aligned">转让费</a>
            </div>

        </div>
        <div class="segmentation">
            <hr>
        </div>

        <div class="des-top-intro">
            <dl>
                <dd>
                    <em>目前经营:</em>
                    <span>@storeDetail.StoreCategory.Parent.CategoryName  @storeDetail.StoreCategory.CategoryName</span>
                </dd>
                <dd>
                    <em>营业状态:</em>
                    <span class="des-top-intro-OperatingState">营业中</span>
                </dd>
            </dl>

            <dl>
                <dd>
                    <em>可否空转:</em>
                    <span class="des-top-intro-CanIdling">可空转</span>
                </dd>
                <dd>
                    <em>剩余合同:</em>
                    <span>@storeDetail.ResidualContract<em>个月</em></span>
                </dd>
            </dl>
            <dl>
            </dl>
            <dl>
                <dt>
                    <em>详细地址:</em>
                    <span>@storeDetail.DetailedAddress</span>
                </dt>
            </dl>
        </div>
        <div class="segmentation">
            <hr>
        </div>
        <!--经营范围-->
        <div class="container">
            <div class="title"><em>适合经营</em></div>
            <ul class="places-list">
                @foreach(var item in fitOperationlist)
                {
                    <li><span>@item</span></li>
                }
              
            </ul>
        </div>
        <div class="segmentation">
            <hr>
        </div>
        <div>
            <div class="des-top-boss">
                <div class="des-top-infos">
                    <h2>@storeDetail.CreatorFullName</h2>
                    <em>(个体工商户)</em>
                    <a>12345678910</a>
                </div>
                <div class="des-top-but">
                    <button>邀约面谈</button>
                    <button><img src="./images/线上交流社区.png">在线沟通</button>
                </div>

            </div>
            <div class="des-top-boss-phone">
                <em>想了解更多店铺信息，请拨打客服电话!</em>
                <span><img src="./images//电话.png">13682616568</span>

            </div>
        </div>

    </div>
</div>